import React from "react"

import HomeAcg from "./HomeAcg"
import HomeGame from "./HomeGame"
import HomeNew from "./HomeNew"
import HomeTop from "./HomeTop"
import HomeTopic from "./HomeTopic"


import "./index.scss"

/**
 * Home页面组件：（5个子组件）
 *  1. HomeTop
 *  2. HomeTopic
 *  3. HomeNew
 *  4. HomeAcg
 *  5. HomeGame
 */
export default class Home extends React.Component {
    render() {
        let router = {
            history: this.props.history,
            location: this.props.location,
            match: this.props.match
        }
        return (
            <div className="s-home">
                <div className="s-home-box">
                    <HomeTop router={router} />
                    <HomeTopic router={router} />
                    <HomeNew router={router} />
                    <HomeAcg router={router} />
                    <HomeGame router={router} />
                </div>
            </div>
        )
    }

    componentDidMount() {
        // console.log(this.props)
    }
}